<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="shrotcut icon" href="logo.ico">
    <link rel="stylesheet" href="css/pubic.css">
    <link rel="stylesheet" href="css/show-cart.css">

</head>
<body>
<div class="header">
    <div class="top">
        <div class="clearfix">
            <ul class="clearfix">
                <li>欢迎来到侨力</li>
                <li><a href="#">请登录</a><a href="#">免费注册</a></li>
            </ul>
            <ol class="clearfix">
                <li><a href="#">我的订单</a></li>
                <li><a href="#">我的侨力<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#" class="current">侨力会员</a></li>
                <li><a href="#">收藏夹<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">客户服务<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
                <li><a href="#">网站导航<img src="img/header-arrow.png" alt="header-arrow.png"></a></li>
            </ol>
        </div>
    </div>
    <div class="content clearfix">
        <a href="index.html" class="logo"><img src="img/logo.png" alt="logo.png"></a>
        <div class="search-box clearfix">
            <form action="#" method="post">
                <input type="text" name="search" placeholder="秋冬上衣">
                <input type="button" value="搜索" class="search">
            </form>
            <p><a href="#">冬季上衣</a>
                <a href="#">品牌女装</a>
                <a href="#">户外休闲</a>
                <a href="#">运动服</a>
                <a href="#">儿童休闲服</a>
                <a href="#">亲子装</a></p>
        </div>
    </div>
    <div class="bottom clearfix" id="bottom">
        <div class="sidebar" id="sidebar">
            <div class="nav" id="nav"><img src="img/classify.png" alt="classify.png">商品分类</div>
            <ul>
                <li class="brand clearfix">
                    <div class="left"><a href="#">品牌</a></div>
                    <div class="right"><a href="#">特步</a><a href="#">艾酷狼</a><a href="#">探路者</a></div>
                </li>
                <li class="woman clearfix">
                    <div class="left"><a href="#">女人</a></div>
                    <div class="right"><a href="#">职业装</a><a href="#">秋冬上衣</a><a href="#">衬衫</a><a href="#">卫衣</a><a href="#">运动装</a><a href="#">休闲裤</a></div>
                </li>
                <li class="man clearfix">
                    <div class="left"><a href="#">男人</a></div>
                    <div class="right"><a href="#">夹克</a><a href="#">卫衣</a><a href="#">针织衫</a><a href="#">t恤</a><a href="#">衬衫</a><a href="#">哈伦裤</a></div>
                </li>
                <li class="children clearfix">
                    <div class="left"><a href="#">儿童</a></div>
                    <div class="right"><a href="#">亲子装</a><a href="#">运动装</a><a href="#">t恤</a><a href="#">卫衣</a><a href="#">外套</a><a href="#">棒球衫</a></div>
                </li>
            </ul>
        </div>
        <ol class="note-brand clearfix">
            <li><a href="#">热卖2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-woman clearfix">
            <li><a href="#">女2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-man clearfix">
            <li><a href="#">男2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <ol class="note-children clearfix">
            <li><a href="#">儿童2017新品</a><a href="#">针织衫</a><a href="#">秋冬上衣</a></li>
            <li><a href="#">打底衫</a><a href="#">T恤</a><a href="#">牛仔裤</a></li>
            <li><a href="#">打底裤</a><a href="#">短外套</a><a href="#">小西装</a></li>
            <li><a href="#">运动服</a><a href="#">雪纺衫</a><a href="#">半身裙</a></li>
            <li><a href="#">棉服</a><a href="#">卫衣</a><a href="#">衬衫</a></li>
            <li><a href="#">当即热卖</a><a href="#">潮牌</a></li>
        </ol>
        <div class="column">
            <a href="#">秒杀</a>
            <a href="#">优惠券</a>
            <a href="#">服装城</a>
            <a href="#">侨力会员</a>
        </div>
    </div>
</div>
<div class="title clearfix">
    <p>全部商品（<span>0</span>）</p>
    <b>配送至：<i>长沙市芙蓉区</i></b>
</div>
<div class="valuation">
    <div class="top">
        <label><input type="checkbox" class="checkAll"><i></i>全选</label>
        <span class="info">商品信息</span>
        <span class="univalent">单价</span>
        <span class="amount">数量</span>
        <span class="finance">金额</span>
        <span class="operation">操作</span>
    </div>
    <table>
        <tbody>
        <tr>
            <td class="checkOne">
                <label><input type="checkbox"><i></i></label>
            </td>
            <td class="pro">
                <a href="#">
                    <img src="img/comments-pro-3.png" alt="comments-pro-3.png">
                </a>
            </td>
            <td class="summary">
                <a href="#">2017秋冬季新款长款韩版宽松牛仔风衣外套</a>
            </td>
            <td class="type">
                <div>颜色分类：<span>蓝色</span></div>
                <div>尺码：<span>S</span></div>
            </td>
            <td class="price">&yen; <span>288</span></td>
            <td class="num">
                <button class="reduce">-</button>
                <input type="text" value="1" class="nums">
                <button class="add">+</button>
            </td>
            <td class="allPrice">&yen; <span>288</span></td>
            <td class="delete">
                <div>移入收藏夹</div>
                <div class="delete-btn">删除</div>
            </td>
        </tr>
        <tr>
            <td class="checkOne"><label><input type="checkbox"><i></i></label></td>
            <td class="pro">
                <a href="#"><img src="img/comments-pro-3.png" alt="comments-pro-3.png"></a>
            </td>
            <td class="summary"><a href="#">2017秋冬季新款长款韩版宽松牛仔风衣外套</a></td>
            <td class="type">
                <div>颜色分类：<span>蓝色</span></div>
                <div>尺码：<span>S</span></div>
            </td>
            <td class="price">&yen; <span>288</span></td>
            <td class="num">
                <button class="reduce">-</button>
                <input type="text" value="1" class="nums">
                <button class="add">+</button>
            </td>
            <td class="allPrice">&yen; <span>288</span></td>
            <td class="delete">
                <div>移入收藏夹</div>
                <div class="delete-btn">删除</div>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="status clearfix">
        <div class="left">
            <label><input type="checkbox" class="checkAll"><i></i>全选</label>
            <span class="amputate">删除</span>
            <span>移入收藏夹</span>
            <span>分享</span>
        </div>
        <div class="right">
            <p class="selected">已选商品<i></i>件</p>
            <p class="total">合计（不含运费）: <s>&yen;</s> <span> 630.00</span></p>
            <button>结算</button>
        </div>
    </div>
</div>
<div class="scroll">
    <div class="title">猜你喜欢</div>
    <ul class="scroll-plan clearfix">
        <li><a href="#"><img src="img/scroll-1.png" alt="scroll-1.png"><p>羊羔毛绒外套女拼接冬季短款棉服鹿皮绒可爱棉袄chic棉衣</p></a><em>&yen; 459</em></li>
        <li><a href="#"><img src="img/scroll-2.png" alt="scroll-2.png"><p>运动套装情侣秋冬季加绒加厚休闲卫衣</p></a><em>&yen; 239</em></li>
        <li><a href="#"><img src="img/scroll-3.png" alt="scroll-3.png"><p>秋天运动套装女春秋2017新款潮韩版时尚休闲服插肩袖卫衣</p></a><em>&yen; 178</em></li>
        <li><a href="#"><img src="img/scroll-4.png" alt="scroll-4.png"><p>针织衫男开衫薄款韩版修身毛衣男装秋季休闲外套潮流</p></a><em>&yen; 168</em></li>
        <li><a href="#"><img src="img/scroll-1.png" alt="scroll-1.png"><p>羊羔毛绒外套女拼接冬季短款棉服鹿皮绒可爱棉袄chic棉衣</p></a><em>&yen; 459</em></li>
        <li><a href="#"><img src="img/scroll-2.png" alt="scroll-2.png"><p>运动套装情侣秋冬季加绒加厚休闲卫衣</p></a><em>&yen; 239</em></li>
        <li><a href="#"><img src="img/scroll-3.png" alt="scroll-3.png"><p>秋天运动套装女春秋2017新款潮韩版时尚休闲服插肩袖卫衣</p></a><em>&yen; 178</em></li>
        <li><a href="#"><img src="img/scroll-4.png" alt="scroll-4.png"><p>针织衫男开衫薄款韩版修身毛衣男装秋季休闲外套潮流</p></a><em>&yen; 168</em></li>
        <li><a href="#"><img src="img/scroll-1.png" alt="scroll-1.png"><p>羊羔毛绒外套女拼接冬季短款棉服鹿皮绒可爱棉袄chic棉衣</p></a><em>&yen; 459</em></li>
        <li><a href="#"><img src="img/scroll-2.png" alt="scroll-2.png"><p>运动套装情侣秋冬季加绒加厚休闲卫衣</p></a><em>&yen; 239</em></li>
        <li><a href="#"><img src="img/scroll-3.png" alt="scroll-3.png"><p>秋天运动套装女春秋2017新款潮韩版时尚休闲服插肩袖卫衣</p></a><em>&yen; 178</em></li>
        <li><a href="#"><img src="img/scroll-4.png" alt="scroll-4.png"><p>针织衫男开衫薄款韩版修身毛衣男装秋季休闲外套潮流</p></a><em>&yen; 168</em></li>
        <li><a href="#"><img src="img/scroll-1.png" alt="scroll-1.png"><p>羊羔毛绒外套女拼接冬季短款棉服鹿皮绒可爱棉袄chic棉衣</p></a><em>&yen; 459</em></li>
        <li><a href="#"><img src="img/scroll-2.png" alt="scroll-2.png"><p>运动套装情侣秋冬季加绒加厚休闲卫衣</p></a><em>&yen; 239</em></li>
        <li><a href="#"><img src="img/scroll-3.png" alt="scroll-3.png"><p>秋天运动套装女春秋2017新款潮韩版时尚休闲服插肩袖卫衣</p></a><em>&yen; 178</em></li>
        <li><a href="#"><img src="img/scroll-4.png" alt="scroll-4.png"><p>针织衫男开衫薄款韩版修身毛衣男装秋季休闲外套潮流</p></a><em>&yen; 168</em></li>
        <li><a href="#"><img src="img/scroll-1.png" alt="scroll-1.png"><p>羊羔毛绒外套女拼接冬季短款棉服鹿皮绒可爱棉袄chic棉衣</p></a><em>&yen; 459</em></li>
        <li><a href="#"><img src="img/scroll-2.png" alt="scroll-2.png"><p>运动套装情侣秋冬季加绒加厚休闲卫衣</p></a><em>&yen; 239</em></li>
        <li><a href="#"><img src="img/scroll-3.png" alt="scroll-3.png"><p>秋天运动套装女春秋2017新款潮韩版时尚休闲服插肩袖卫衣</p></a><em>&yen; 178</em></li>
        <li><a href="#"><img src="img/scroll-4.png" alt="scroll-4.png"><p>针织衫男开衫薄款韩版修身毛衣男装秋季休闲外套潮流</p></a><em>&yen; 168</em></li>
    </ul>
    <ol class="btn clearfix">
        <li class="on"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ol>
</div>
<div class="footer">
    <div class="top">
        <a href="#">关于侨力</a>
        <a href="#">帮助中心</a>
        <a href="#">开放平台</a>
        <a href="#">联系我们</a>
        <a href="#">网站合作</a>
        <a href="#">法律声明及隐私权政策</a>
    </div>
    <div class="bottom">
        <span>湘ICP证08026629号</span>
        <span>Copyright ©2008 [使用者网站] Powered By [网站程序名称] Version 1.0.0</span>
    </div>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/show-cart.js"></script>
</body>
</html>
